<script>
	import base64Code from '@/plugin/base64code.js';
	export default {
		onLaunch: function() {
			uni.setLocale('zh-Hant');
			this.$i18n.locale = 'zh-Hant'
			 this.$store.dispatch('getUserProfileAction');
			 this.$store.dispatch('getConfigsAction');
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	view{
		font-size:28rpx;
	}
	uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
		    border: 1px solid #d1d1d1;
	}
	input::-moz-placeholder {
	  color: rgba(151, 155, 167, 1);
	  opacity: 1;
	}
	input:-ms-input-placeholder {
	  color: rgba(151, 155, 167, 1);
	}
	input::-webkit-input-placeholder {
	  color: rgba(151, 155, 167, 1);
	}
	.uni-input-placeholder{
		color: rgba(151, 155, 167, 1)!important;
	}
	.uni-input-input{
		color: $hb-text-black-color;
	}
	.uni-status-bar {
	  width: 100%;
	  height: var(--status-bar-height);
	}
	.pd15 {
		padding: 32rpx;
	}
	.pd10{
		padding-top:20rpx;
	}
	.copy{
		width:24rpx;
		height:24rpx;
	}
    .block{
		background: #fff;
		padding:32rpx;
		padding-bottom:40rpx;
		margin-bottom:16rpx;
	}

	.row {
		display: flex;
		align-items: center;
		flex-wrap: wrap; //

		.col {
			width:25%;
			text-align:center;
		}
	}
	uni-button{
		background:$hb-primary-color!important;
	}
    .flexIcon{
    	width:88rpx;
    	height:88rpx;
		border-radius:8rpx;
    }
	.flexIconSmall{
		width:60rpx;
		height:60rpx;
	}
	.flexSpace {
		display: flex;
		justify-content: space-between;
	}
	.text{
		font-size:28rpx;
		color: $hb-text-black-color;
	}
	.cardAmount {
		border-radius: 16rpx 16rpx 0 0;
		background: #F0AD4E;
		.money {
			font-size: 32rpx;
	        color:rgba(255,255,255,.8);
			.num {
				font-size: 48rpx;
				margin-top: 22rpx;
				font-family: HarmonyOS_Sans_SC_Bold;
				color: #fff;
			}
		}
		.defit {
			margin-top:50rpx;
			font-size: 28rpx;
	        color:rgba(255,255,255,.8);
			margin-bottom:20rpx;
			.text {
				margin-top: 20rpx;
				color: #fff;
				font-size:32rpx;
				font-family: HarmonyOS_Sans_SC_Medium;
			}
		}
	}
	.fixedBottom{
		position:fixed;
		left: 0;
		bottom:60rpx;
		text-align:center;
		width:100%;
		.text{
			padding:0 32rpx;
			font-size:24rpx;
			color: $hb-text-color;
			line-height:40rpx;
		}
		.btn{
			width:248rpx;
			height:80rpx;
			border-radius:40rpx;
			line-height:80rpx;
			margin:40rpx auto;
			border:1px solid $hb-text-black-color;
			color: $hb-text-black-color;
			font-size:32rpx;
		}
	}
	.rise{
		color: rgba(18, 179, 76, 1);
	}
	.drop{
		color: rgba(249, 85, 84, 1);
	}
	.redbg{
		background:rgba(249, 85, 84, 1);
	}
	.purplebg{
		background: rgba(141, 121, 255, 1);
	}
	.bluebg{
		background: rgba(25, 179, 255, 1);
	}
	@font-face {
		font-family: HarmonyOS_Sans_SC_Regular;
		font-weight: normal;
		font-style: normal;
		src: url('~@/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
	}
	@font-face {
		font-family: HarmonyOS_Sans_SC_Medium;
		font-weight: normal;
		font-style: normal;
		src: url('~@/assets/fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
	}
	@font-face {
		font-family: HarmonyOS_Sans_SC_Bold;
		font-weight: normal;
		font-style: normal;
		src: url('~@/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
	}
	
	body {
		height: 100%;
		font-family: HarmonyOS_Sans_SC_Regular;
	}
</style>
